<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <title>ss</title>
    <link rel="stylesheet" href="assets/css/reset.css">
    <link rel="stylesheet" href="assets/css/index.css">
</head>
<body>
<div class="top">12</div>
<div class="left">
    <div class="left-list">
        <ul>
            <li class="active">
                <span class="icon1 icon" onclick="toggleShow(this)">项目管理</span>
            </li>
            <li>
                <span class="icon2 icon" onclick="toggleShow(this)">项目申报</span>
                <div class="left-two left-two-2">
                    <p>申报汇总</p>
                    <p>立项申请</p>
                    <p>监测监督</p>
                    <p>中期评估管理</p>
                    <p>结项评估管理</p>
                </div>
            </li>
            <li>
                <span class="icon3 icon" onclick="toggleShow(this)">社会组织管理</span>
                <div class="left-two left-two-3">
                    <p>申报汇总</p>
                    <p>立项申请</p>
                    <p>结项评估管理</p>
                </div>
            </li>
            <li>
                <span class="icon4 icon" onclick="toggleShow(this)">通知公告</span>
                <div class="left-two left-two-3">
                    <p>监测监督</p>
                    <p>中期评估管理</p>
                    <p>结项评估管理</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="left-btn" onclick="changeWidth()"></div>
</div>
<div class="right">
    <div class="right-box">
        <table>
            <tr>
                <th>项目名称</th>
                <th>项目执行年度</th>
                <th>当前工作阶段</th>
                <th>申报项目（个）</th>
                <th>申报单位（个）</th>
                <th>申报金额总计（万）</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <th>项目名称</th>
                <th>项目执行年度</th>
                <th>当前工作阶段</th>
                <th>申报项目（个）</th>
                <th>申报单位（个）</th>
                <th>申报金额总计（万）</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <th>项目名称</th>
                <th>项目执行年度</th>
                <th>当前工作阶段</th>
                <th>申报项目（个）</th>
                <th>申报单位（个）</th>
                <th>申报金额总计（万）</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
            <tr>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
                <td>4567</td>
                <td>12</td>
                <td>1234</td>
                <td>45</td>
            </tr>
            <tr>
                <td>aa</td>
                <td>bb</td>
                <td>ddd</td>
                <td>eree</td>
                <td>gggg</td>
                <td>ffffff</td>
                <td>sssss</td>
            </tr>
        </table>
    </div>

</div>

<script src="assets/jq/jquery-2.1.4.min.js"></script>
<script src="assets/jq/common.js"></script>
<script>
    $(function(){

    });
    function changeWidth(){
        $('.left').toggleClass("change-left");
        $('.right').toggleClass("change-right");
    }
    function toggleShow(obj){
        $(obj).next('.left-two').toggleClass('active');

    }
</script>

</body>
</html>